<template>
	<view class="mainpadding2">
		<view class="ffffff margin_top radius" v-for="item in bzzxList" :key="item.category_id">
			<u-collapse :border="false" accordion>
				<u-collapse-item :title="item.category_name" name="Docs guide" :border="false">
					<text class="u-collapse-content " :class="ind==0?'':'margin_top'" v-for="(ite,ind) in item.data" @click="selectite(ite.id)"
						>{{ite.name}}</text>
				</u-collapse-item>
			</u-collapse>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				bzzxList:[],
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			init(){
				httpRequest.request('/api/common/helpcenter', 'GET', {
				}, false, false, true).then(res => {
					this.bzzxList = res.data
				})
			},
			selectite(val){
				uni.navigateTo({
					url:"/pages_mine/priblemDetail?id="+val
				})
				console.log(val,999);
			}
		}
	}
</script>

<style>

</style>